<template>
  <div id="container">
    <div class="layout-main">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  import 'mint-ui/lib/style.css'
  export default {
    replace: false
  }
</script>

<style lang="stylus">
  @import './assets/basic.styl'
  .layout-main>li:before,
  .account_menu>a:before,
  .cart_nodata:before,
  .icon_item ul>li:before,
  .account_list .mint-cell:before
    background-image: url(./assets/img/sprite.png)
    background-repeat: no-repeat !important
    background-size: 10rem auto !important
  #customer-service
    cursor: pointer
    position: fixed
    left: 66%
    bottom: 1.15rem
    width: 1.5rem
    height: 1.5rem
    background-image: url(./assets/img/services.gif)
    background-repeat: no-repeat
    background-size: 1.5rem auto
  @media screen and (min-width: 480px)
    #customer-service
      left: 57%
</style>
